<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js" charset="utf-8"></script>
		<link rel="stylesheet" href="css/经验详情iconfont.css" />
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all"/>
		<link rel="stylesheet" href="./base.css" />
		<link rel="stylesheet" href="css/iconfont3.css" />
		<script src="./js/顶部导航栏.js"></script>
		<link rel="stylesheet" href="./css/顶部导航栏.css" />
		<link rel="stylesheet" href="css/经验详情.css" />
		<script src="js/经验详情.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		<style>
			html{
				width: 100%;
				height: 100%;
				
			}
			body{
				width: 100%;
				height: 100%;
				background-color:#F3F3F3;
			}
		</style>
	</head>
	<body>
		<div class="qrcode1"><i class="iconfont icon-erweima"></i></div>
			<div class="qrcode2">扫一扫</div>
			<div class="qrcode3"><img src="img/微信二维码.png" style="width: 100px;height: 100px;"/></div>
		<!-- 顶部导航栏 -->
		<div class="navTop">
			<div class="nav-home">
				<img style="width: 45px;height: 45px;margin-top: 8px;" src="img/icon1.png"/>
				<div class="home-name"><a href="题库主页.html">首页</a></div>
			</div>
			
			<div style="width: 100px"  class="nav-icon nav-collection">
				<a href="提出问题.html" style="color: white"><i title="我要发布" class="iconfont icon-fabu"  style="font-size: 23px;"></i></a>
			<!-- 	<div> 
					<div class="nav-collection-item   nav-collection-item1" style="width: 40%;height: 100%;border-right: 1px solid #B2B2B2;">
			
					</div>
					<div class="nav-collection-item nav-collection-item2" style="width: 60%;height: 100%;">
						
					</div>
				</div> -->
			</div>
		
			<div style="width: 100px" class="nav-icon nav-user" >
				<a href="用户界面.html"><i class="iconfont icon-yonghu1 "  style="font-size: 28px;"></i></a>
				<div class="nav-user-item">
					<div style="width: 100%;height:90px;display: flex;background-color: DeepSkyBlue;border-radius: 7px;">
						<div style="width: 70%;height: 100%;display: flex;">
							<img class="faceimg" style="height: 70px;width: 70px;margin: 5px;"/>
							<div style="height: 70px;width: 240px;margin: 5px;text-align: left;color: white;line-height: 20px;">
								<span style="font-weight: bolder;font-size: 16px;" class="user-name">游客</span>
								
							</div>
						</div>
						<div style="width: 30%;height: 100%;">
							<button class="sign">登录</button>
							<button class="register">退出</button>
						</div>
					</div>
				</div>
			</div>	
		</div>
		
		<!-- 登陆注册弹框 -->
		<div class="shadow">
			<div class="content">
				<div class="close"><span>X</span></div>
				<div class="dengluDiv">
					<div class="dengluMeans">
						<button class="zhanghaoDl">账号登陆</button> &nbsp; &nbsp;|  &nbsp;&nbsp;
						<button  class="phoneDl">手机号登录</button>
					</div> 
					<div class="zhanghaoNum">
						<input class="dengluzhanghao" type="text" placeholder="请输入账号"/>
						<input class="denglumima" type="password" placeholder="请输入您的密码"/>
						<span  class="accountlogin-tips tips">请输入正确的账号或者密码</span>
						<input class="zhanghao-dengluBtn dengluBtn" type="button" value="登录"/>
					</div>
					<div class="phoneNum">
						<input class="phone" type="text" placeholder="请输入你的手机号" />
						<input class="yanzhengma" type="button" value="点击发送验证码"/>
						<input class="yanzhengmaInput" type="text" placeholder="填写验证码"/>
						<span class="phonelogin-tips tips">请填写正确的验证码</span>
						<input class="phone-dengluBtn dengluBtn" type="button" value="登录"/>
					</div>
					
					<span class="changeZc">
						立即注册
					</span>
				</div>
				<div class="zhuceDiv">
					<input class="zhucemingo" type="text" placeholder="用户名"/>
					<input class="phone" type="text" placeholder="请输入手机号"/>
					<input class="yanzhengma" type="button" value="点击发送验证码"/>
					<input class="zhucemima" type="password" placeholder="请设置您的密码"/>
					<input class="querenmima" type="password" placeholder="请确认您的密码"/>
					<span class="register-tips tips">请检查资料是否填写完整或正确</span>
					<input class="zhuceBtn" type="button" value="注册"/>
					<span class="changeDl">
						立即登录
					</span>
				</div>
			</div>
		</div>
		
		
		<!-- 经验详情部分 -->
		<div class="KnowDetails">
			<!-- 经验详情标题部分 -->
			<div class="KnowDetails-title">
				<div class="KnowDetails-title-left">内容详情</div>
				<div class="KnowDetails-title-right" ><i class="iconfont icon-subscriber-square" style="font-size: 0.3rem;vertical-align: middle;")></i>&nbsp;作者中心</div>	
				<div style="clear: both;"></div>
			</div>

			<!-- 经验详情内容部分 -->
			<div class="KnowDetails-content">
				<div class="KnowDetails-content-items">
					<!-- 经验内容标题 -->
					<div class="KnowDetails-content-title">
						<p class="KnowDetails-content-title-item1">标题1</p>
						<div class="KnowDetails-content-title-item2">
							<div style="display: flex;float: left;">
								<div class="releaseDate">2014-04-24</div>
								<div style="margin: 0 0.05rem;">|</div>
								<div class="experienceAuthor">作者</div>
								<div  class="yc">原创</div>
							</div>
							<div class="sc"><i class="iconfont icon-shoucang6";></i><i class="iconfont icon-Collection"></i>&nbsp;收藏</div>
							<div style="clear: both;"></div>
						</div>					
					</div>
					
					<!-- 内容部分 -->
					<div class="KnowDetails-content-detail">
						
					</div>
					
					<!-- 评论追加部分 -->
					<div class="KnowDetails-comment">
						<!-- 评论追加框 -->
						<div class="KnowDetails-comment-top">
							<div class="KnowDetails-comment-titlenum">追加评论(8)</div>
							<div class="KnowDetails-comment-frame">
								<div style="width: 70%;height: 50%;"><input type="text"  placeholder="请输入内容"/ class="inputComment-text"></div>
								<button class="submitComment-btn">提交</button>
							</div>
							
						</div>
				
				
				
						<!-- 追加的显示内容 -->
						<div class="KnowDetails-comment-bottom">
							
							
						</div>
					</div>
			
			</div>
				
				
				
				<!-- 右侧作者信息部分 -->
				<div class="KnowDetails-content-author">
					<div class="KnowDetails-content-author-top">
							<div style="width: 40%;height: 80%;"><img src=""  style="width: 100%;height: 100%;" class="authorFaceimg"></div>	
							<div style="" class="KnowDetails-content-author-detail">
								<span style="font-size: 0.16rem;" class="experienceAuthor">作者名</span>
								<p class="authorDetail">介绍</p>
							</div>
					</div>
					<div class="KnowDetails-content-author-bottom">
						<div class="KnowDetails-content-author-bottom-item">
							<div style="text-align: center;">
								<span style="font-size: 0.2rem;color: #35B558;" class="releaseNum">615</span>
								<p style="font-size: 0.14rem;">发布</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
		
	</body>
</html>
